<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>峡谷柔情</title>
		
		<!-- 引入我们外部样式 -->
		<link rel="stylesheet" href="./css/index.css">
		
	</head>
	<body>
		<div class="main">
			

		<!-- 头部 -->
		<div class="top">
			<ul class="top-ul">
				<li><a href="#"><h2>首页</h2> <p>HOME</p></a></li>
				<li><a href="#"><h2>新闻中心</h2> <p>NEWS</p></a></li>
				<li><a href="#"><h2>账号注册</h2> <p>REGISTER</p></a></li>
				<li><img src="images/bannerlogo.png" ></li>
				<li><a href="#"><h2>充值中心</h2> <p>RECHARGE</p></a></li>
				<li><a href="#"><h2>下载游戏</h2> <p>DOWNLOAD</p></a></li>
				<li><a href="#"><h2>自定义</h2> <p>ZIDINGYI</p></a></li>
			</ul>
		</div>
		
		<!-- 大背景 -->
		<div class="head-back">
			<!-- 图片文字部分 -->
			<div class="imgText">
				<img src="images/bannerlogo.png" class="topImg1">
				<img src="images/bannertxt1.png" class="topImg2">
				<img src="images/bannertxt2.png" class="topImg3">
			</div>
			<!-- 视频部分 -->
			<div class="videoBox">
				<video src="video/shentu.mp4" loop autoplay muted></video>
			</div>
		</div>
		<div class="content">
			<div class="gonggao">
				<img src="images/icon-news.png" class="gonggao-img" >
				<div class="gonggao-text">
					<p>最新公告：自定义文字信息自定义文字信息自定义文字信息自定义文字信息自定义文字信息</p>
				</div>
				<div class="gonggao-right">
					<a><p>查看详细>></p></a>
				</div>
			</div>
			
			<div class="neirong">
				<ul>
					<li>
						<div class="big-box">
							<img src="images/img386x200-1.jpg" >
							<!-- 隐藏的盒子 -->
							<div class="hide-box">
								<p style="color: white; font-size: 20px;">扫描二维码。下载神途游戏</p>
								<img src="images/fixed-code.png" >
							</div>
						</div>
						<img src="images/icon-new.gif" class="imga" >
						
						<h2>编辑名称单职业神途</h2>
						<p>开区时间：（10:00&nbsp;16:00&nbsp;20:00）</p>
						
						<div class="neirong-button">
							<button type="button">进入官网</button>
							<button type="button">微端下载</button>
							<button type="button">手游下载</button>
						</div>
					</li>
					<li>
						<div class="big-box">
							<img src="images/img386x200-2.jpg" >
							<!-- 隐藏的盒子 -->
							<div class="hide-box">
								<p style="color: white; font-size: 20px;">扫描二维码。下载神途游戏</p>
								<img src="images/fixed-code.png" >
							</div>
						</div>
						
						<img src="images/icon-hot.gif" class="imga" >
						
						<h2>编辑名称单职业神途</h2>
						<p>开区时间：（10:00&nbsp;16:00&nbsp;20:00）</p>
						
						<div class="neirong-button">
							<button type="button">进入官网</button>
							<button type="button">微端下载</button>
							<button type="button">手游下载</button>
						</div>
						
					</li>
					<li>
						<div class="big-box">
							<img src="images/img386x200-3.jpg" >
							<!-- 隐藏的盒子 -->
							<div class="hide-box">
								<p style="color: white; font-size: 20px;">扫描二维码。下载神途游戏</p>
								<img src="images/fixed-code.png" >
							</div>
						</div>
						
						
						<h2>编辑名称单职业神途</h2>
						<p>开区时间：（10:00&nbsp;16:00&nbsp;20:00）</p>
						
						<div class="neirong-button">
							<button type="button">进入官网</button>
							<button type="button">微端下载</button>
							<button type="button">手游下载</button>
						</div>
						
					
					</li>
					<li>
						<div class="big-box">
							<img src="images/img386x200-1.jpg" >
							<!-- 隐藏的盒子 -->
							<div class="hide-box">
								<p style="color: white; font-size: 20px;">扫描二维码。下载神途游戏</p>
								<img src="images/fixed-code.png" >
							</div>
						</div>
						
						
						<h2>编辑名称单职业神途</h2>
						<p>开区时间：（10:00&nbsp;16:00&nbsp;20:00）</p>
						
						<div class="neirong-button">
							<button type="button">进入官网</button>
							<button type="button">微端下载</button>
							<button type="button">手游下载</button>
						</div>
						
						
					</li>
					<li>
						<div class="big-box">
							<img src="images/img386x200-2.jpg" >
							<!-- 隐藏的盒子 -->
							<div class="hide-box">
								<p style="color: white; font-size: 20px;">扫描二维码。下载神途游戏</p>
								<img src="images/fixed-code.png" >
							</div>
						</div>
						
						
						<h2>编辑名称单职业神途</h2>
						<p>开区时间：（10:00&nbsp;16:00&nbsp;20:00）</p>
						
						<div class="neirong-button">
							<button type="button">进入官网</button>
							<button type="button">微端下载</button>
							<button type="button">手游下载</button>
						</div>
						
						
					</li>
					<li>
						<div class="big-box">
							<img src="images/img386x200-3.jpg" >
							<!-- 隐藏的盒子 -->
							<div class="hide-box">
								<p style="color: white; font-size: 20px;">扫描二维码。下载神途游戏</p>
								<img src="images/fixed-code.png" >
							</div>
						</div>
						
							
						
						<h2>编辑名称单职业神途</h2>
						<p>开区时间：（10:00&nbsp;16:00&nbsp;20:00）</p>
						
						<div class="neirong-button">
							<button type="button">进入官网</button>
							<button type="button">微端下载</button>
							<button type="button">手游下载</button>
						</div>
						
					</li>
				</ul>
			</div>
			
			<div class="ckgd">
				<p class="ckgd-text">查看更多版本</p>
				<img src="images/list-more.png" class="ckgd-img" >
			</div>
			
			<div class="banner-box">
				<div class="banner">
					<div class="list-img">
						<img class="item active" src="images/img550x310.jpg" >
						<img class="item" src="images/video-img285x160-1.jpg" style="width: 550px; height: 310px;" >
						<img class="item" src="images/video-img285x160-2.jpg" style="width: 550px; height: 310px;" >
						
						<div class="pre">
							<img src="images/btn-prev2.png" >
						</div>
						<div class="next">
							<img src="images/btn-next2.png" >
						</div>
						
					</div>
					<div class="doint">
						<ul>
							<li ></li>
							<li ></li>
							<li ></li>
						</ul>
					</div>
				</div>
				<div class="news">
					<div class="rules-box">
						<div class="news-bulletin">
							新闻公告
						</div>
						<div class="news-same">
							游戏特色
						</div>
						<div class="news-rules">
							开合区规则
						</div>
					</div>
					
					<div class="recommended"><div class="recommended-text">推荐</div>【无文案内容】请根据实际需要右键打开方式，选择软件编辑index.html中的文字</div>
					
					<div class="list-ul">
						<ul>
							<li>【无文案内容】请根据实际需要右键打开方式，选择软件编辑index.html中的文字 <span>8-18</span></li>
							<li>【无文案内容】请根据实际需要右键打开方式，选择软件编辑index.html中的文字 <span>8-18</span></li>
							<li>【无文案内容】请根据实际需要右键打开方式，选择软件编辑index.html中的文字 <span>8-18</span></li>
							<li>【无文案内容】请根据实际需要右键打开方式，选择软件编辑index.html中的文字 <span>8-18</span></li>
							<li>【无文案内容】请根据实际需要右键打开方式，选择软件编辑index.html中的文字 <span>8-18</span></li>
						</ul>
					</div>
				</div>
			</div>
			
			<div class="video-box">
				<div class="video-box-top">
					<div class="video-box-top-left">
						<div class="video-box-top-k"></div>
						<h2>视频中心</h2>
						<p>Videolist</p>
					</div>
					<div class="video-box-top-right">
						<ul>
							<li><img src="images/btn-prev.png" ></li>
							<li><img src="images/btn-next.png" ></li>
						</ul>
					</div>
				</div>
				<div class="video-box-contain">
					<ul>
						<li><img src="images/video-img285x160-1.jpg" ><div class="content-text">视频标题描述</div><div class="mark"><img src="images/icon-video.png" ></div></li>
						<li><img src="images/video-img285x160-2.jpg" ><div class="content-text">视频标题描述</div><div class="mark"><img src="images/icon-video.png" ></div></li>
						<li><img src="images/video-img285x160-1.jpg" ><div class="content-text">视频标题描述</div><div class="mark"><img src="images/icon-video.png" ></div></li>
						<li><img src="images/video-img285x160-2.jpg" ><div class="content-text">视频标题描述</div><div class="mark"><img src="images/icon-video.png" ></div></li>
					</ul>
				</div>
			</div>
			
			
			<div class="zhuangbei">
				<div class="zhuangbei-top">
					<div class="video-box-top-left">
						<div class="video-box-top-k"></div>
						<h2>装备展示</h2>
						<p>Equipment</p>
					</div>
					<div class="video-box-top-right">
						<ul>
							<li><img src="images/btn-prev.png" ></li>
							<li><img src="images/btn-next.png" ></li>
						</ul>
					</div>
				</div>
				<div class="zhuangbei-contain">
					<ul>
						<li><img src="./images/img550x309-1.gif" alt="" /></li>
						<li><img src="./images/img550x309-2.gif" alt="" /></li>
						<li><img src="./images/img550x309-2.gif" alt="" /></li>
						<li><img src="./images/img550x309-1.gif" alt="" /></li>
						
					</ul>
				</div>
			</div>
			
			
			
			<div class="game">
				<div class="game-top">
					<div class="video-box-top-left">
						<div class="video-box-top-k"></div>
						<h2>游戏截图</h2>
						<p>Screenshot</p>
					</div>
					<div class="video-box-top-right">
						<ul>
							<li><img src="images/btn-prev.png" ></li>
							<li><img src="images/btn-next.png" ></li>
						</ul>
					</div>
				</div>
				<div class="game-contain">
					<div class="game-img">
						<img class="gitem gactive"  src="images/jt01.gif" alt="" />
						<img class="gitem"  src="images/jt02.gif" alt="" />
						<img class="gitem"  src="images/jt03.gif" alt="" />
					</div>
					<div class="game-pre">
						<img class="game-left" src="images/btn-prev.png" alt="" />
					</div>
					<div class="game-next">
						<img class="game-right" src="images/btn-next.png" alt="" />
					</div>
				</div>
			</div>
			
		</div>
	</div>
		
		<div class="foot">
			<div class="foot-contint">
				<div class="foot-img">
					<img src="images/bannerlogo.png" alt="" />
				</div>
				<div class="foot-text">
					<p>健康游戏忠告: 抵制不良游戏，拒绝盗版游戏。
					注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。
					合理安排时间，享受健康生活适龄提示:本游戏适合18岁以上的成年人进入，
					请您确定已如实进行实名认证，为了您的健康，请合理控制游戏时间，
					适度娱乐，理性消费。</p>
					<p>著作权人:杭州神免网络科技有限公司 1 出版单位: 北京科海电子出版社 
					 审批文号: 新广出审2018]209号 1 出版物号: SBN 978-7-498-05396-2
					 网络文化经营许可证:浙网文(2015)0840-229号 
					 增值电信业务许可证: 浙B2-20150384 ICP备案:浙ICP备XXXXXX号</p>
				</div>
			</div>
		</div>
		
		<script type="text/javascript" src="./js/benner.js"></script>
	</body>
</html>